<!DOCTYPE html>
<html lang="uk-UA">

<head>
    <!-- CSS styles -->
    <link href="/style/bootstrap.min.css" rel="stylesheet">
    <link href="/style/bootstrapValidator.min.css" rel="stylesheet">
    <link href="/style/font-awesome.min.css" rel="stylesheet">
    <link href="/style/common.css" rel="stylesheet">
    <!--Favicon-->
    <link rel="shortcut icon" href="/style/images/favicon.ico">
    <!--Meta tags-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
</head>

<body>
    <div id="main-wrapper">
        <!--Header start-->
        <header id="header"></header>
        <!--Header end-->
        <!--Content start-->
        <div id="content">
            <div class="container" id="search">
                <div class="page-header">
                    <form id="search-form" method="GET" onsubmit="return framework.findAdverts();">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-search fa-lg"></i>
                            </span>
                            <input type="text" id="search-field" name="search-field" class="form-control" placeholder="Введіть що необхідно знайти...">
                        </div>
                        <div class="search-number">Кількість результатів:&nbsp;</div>
                        <div id="search-by">
                            <label class="radio-inline">
                                <input type="radio" name="search" value="1" checked>Всюди
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="search" value="2">По назві
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="search" value="3">По тегах
                            </label>
                        </div>
                    </form>
                </div>
                <div class="container">
                    <div id="search-results">
                    </div>
                </div>
                <!--end of conainer-->
            </div>
            <!--end of the first container-->
        </div>
        <!--Content end-->
    </div>
    <!--Footer start-->
    <footer id="footer"></footer>
    <!--Footer end-->
    <!--Javascript Files-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/js/bootstrapValidator.min.js" type="text/javascript"></script>
    <script src="/js/framework.js" type="text/javascript"></script>
    <script src="/js/validation.js" type="text/javascript"></script>
    <script>
        $(window).load(function () {
            var search = sessionStorage.getItem('search');
            sessionStorage.removeItem('search');
            $("#search-field").val(search);
            framework.findAdverts();
        });
    </script>
</body>

</html>